<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>B3log - 品牌标识</title>
    <meta name="robots" content="index,follow,archive">
    <meta name="description" content="B3log 开源社区：社区 Symphony、博客 Solo/Pipe、Golang/Go IDE、Java 框架 Latke 的品牌标识。"/>
    <meta name="copyright" content="B3log"/>
    <link rel="canonical" href="https://b3log.org/brand-marking.html">
    <link rel="apple-touch-icon" href="images/brand/b3log-128.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Window-target" content="_top"/>
    <link rel="icon" type="image/png" href="images/brand/b3log-128.png"/>
    <link rel="shortcut icon" type="image/x-icon" href="images/brand/b3log-512.png"/>
    <link type="text/css" rel="stylesheet" href="css/base.css"/>

    <!-- Open Graph -->
    <meta property="og:locale" content="zh_CN"/>
    <meta property="og:title" content="B3log - 品牌标识"/>
    <meta property="og:description" content="B3log 开源社区：社区 Symphony、博客 Solo/Pipe、Golang/Go IDE、Java 框架 Latke 的品牌标识。"/>
    <meta property="og:image" content="images/brand/b3log-128.png"/>
    <meta property="og:url" content="https://b3log.org/brand-marking.html"/>
    <meta property="og:site_name" content="B3log - 品牌标识"/>
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:description"
          content="B3log 开源社区：社区 Symphony、博客 Solo/Pipe、Golang/Go IDE、Java 框架 Latke 的品牌标识。"/>
    <meta name="twitter:title" content="B3log - 品牌标识"/>
    <meta name="twitter:image" content="images/brand/b3log-128.png"/>
    <meta name="twitter:url" content="https://b3log.org/brand-marking.html"/>
    <meta name="twitter:site" content="@b3logos"/>
    <meta name="twitter:creator" content="@b3logos"/>
</head>
<body>
<div class="header fn-clear header-fixed">
    <a class="header-logo" href="https://b3log.org/brand-marking.html">
        <img src="images/brand/b3log-128.png">
        <h1>品牌标识</h1>
    </a>
    <div class="fn-clear">
        <a class="header-a" href="https://ld246.com" target="_blank">社区</a>
        <a class="header-a header-red" href="https://b3log.org/sym">Sym</a>
        <a class="header-a header-green" href="https://b3log.org/solo">Solo</a>
        <a class="header-a header-yellow" href="https://b3log.org/vditor">Vditor</a>
    </div>
</div>

<div class="wrapper" style="margin-top: 66px">
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2>色值表</h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                <span style="color: #3b3e43">黑色</span> &nbsp; <span class="ft-fade">#3b3e43</span>
            </li>
            <li>
                <span style="color: #d23f31">红色</span> &nbsp; <span class="ft-fade">#d23f31</span>
            </li>
            <li>
                <span style="color: #4285f4">蓝色</span> &nbsp; <span class="ft-fade">#4285f4</span>
            </li>
            <li>
                <span style="color: #f1e05a">黄色</span> &nbsp; <span class="ft-fade">#f1e05a</span>
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://b3log.org">B3log 开源</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/b3log-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/b3log-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/b3log-512.png">
            </li>
            <li>
                272 * 92
                <br/>
                <img src="images/brand/b3log.png">
            </li>
            <li>
                1360 * 460
                <br/>
                <img src="images/brand/b3log-460.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://b3log.org/sym">Sym</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/sym-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/sym-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/sym-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://b3log.org/solo">Solo</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/solo-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/solo-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/solo-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://b3log.org/vditor">Vditor</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/vditor-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/vditor-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/vditor-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://b3log.org/siyuan">思源笔记</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/siyuan-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/siyuan-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/siyuan-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2>
            <a href="https://github.com/88250/pipe" target="_blank">Pipe</a>
        </h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/pipe-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/pipe-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/pipe-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://github.com/88250/wide" target="_blank">Wide</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/wide-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/wide-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/wide-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://ld246.com">链滴</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/hacpai-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/hacpai-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/hacpai-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://ld246.com/tag/chainbook">链书</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/chainbook-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/chainbook-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/chainbook-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://github.com/88250/latke" target="_blank">Latke</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/latke-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/latke-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/latke-512.png">
            </li>
        </ul>
    </div>
    <div class="fn-100"></div>
    <div class="fn-100"></div>
    <div class="panel-wrap">
        <h2><a href="https://github.com/88250/lute" target="_blank">Lute</a></h2>
        <div class="fn-50"></div>
        <ul class="fn-list">
            <li>
                32 * 32 <br/>
                <img src="images/brand/lute-32.png">
            </li>
            <li>
                128 * 128
                <br/>
                <img src="images/brand/lute-128.png">
            </li>
            <li>
                512 * 512
                <br/>
                <img src="images/brand/lute-512.png">
            </li>
        </ul>
    </div>
</div>
<div class="fn-100"></div>
<div class="fn-100"></div>
<div class="footer">
    <div class="wrapper fn-clear">
        <a href="https://b3log.org">首页</a> &nbsp; &nbsp;
        <a href="https://ld246.com" target="_blank">社区</a> &nbsp; &nbsp;
        <a href="https://b3log.org/brand-marking.html">品牌标识</a> &nbsp; &nbsp;
        <a href="https://ld246.com/sponsor" target="_blank">成为赞助者</a>
        <div class="fn-right">
            <a href="https://beian.miit.gov.cn/" target="_blank">滇ICP备14007358号-1</a> &nbsp; &nbsp;
            © 2023 云南链滴科技有限公司
        </div>
    </div>
</div>
</body>
</html>
